<div class="row justify-content-center">
  <div class="col-lg-12">
    <div class="container">
      <div class="row">
        <div class="col-lg-4">
          <h5>
            <%= t(".section.email.title") %>
          </h5>
          <p class="text-muted">
            <%= t(".section.email.description") %>
          </p>
        </div>
        <div class="col-lg-8">
          <%= form_with(model: @user, url: account_profile_path, html: {method: :put}, local: true) do |f| %>
            <div class="form-group text-left">
              <%= f.label :email %>
              <%= f.email_field :email, id: "user_email", autofocus: true, required: "required", class: "form-control", class_for_error: "is-invalid" %>
              <%= f.error_message :email, class: "invalid-feedback" %>
            </div>

            <%= f.submit t(".submit"), class: "btn btn-block btn-primary" %>
          <% end %>
        </div>
      </div>
    </div>
  </div>
</div>
